<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
<title>Bank And Bar</title>
<link rel="stylesheet" type="text/css" href="Assets/css/reset.css"/>
<link rel="stylesheet" type="text/css" href="Assets/css/thems.css">
<script src="Assets/Script/turnpage.js"></script>
<script src="Assets/Script/changetitlecolor.js"></script>
</head>

<body>

<!--导航栏开始-->
<div class="header">
    <div class="head clearfix">
		<!-- 图标logo -->
        <div class="logo"><a href=""><img src="Assets/upload/bar.jpg" alt="BankAndBar"/>Bank And Bar</a></div>
		
		<!-- 搜索栏 -->
        <div class="head_r clearfix">
        	<div class="search">
                <input name="" type="text">
                <input name="" type="submit" value="">
            </div>
			<!-- 选项 -->
            <div class="nav_m">
            <ul class="nav clearfix">
                <li><a href="join.html">首页</a></li>
                <li><a href="about.html">关于我们</a></li>
                <li><a href="news.html">资讯中心</a></li>
                <li><a href="customer.html">个人中心</a></li>             
            </ul>            
			</div>
        </div>
    </div>
</div>
<!--导航栏结束-->

<!--介绍栏开始-->
<!-- 首页图片 -->
<div class="banner banner_s"><img src="Assets/upload/scenery1.jpg" alt="文件丢失"/></div>
<div class="space_hx">&nbsp;</div>

<!-- 介绍选项标题 -->
<div class="scd clearfix">
	<div class="scd_top">
    	<div class="s_nav">
        	<a class="active" href="#" type="radio" id="button1" onclick="show1()"><span>Welcome Here!!!</span></a>
			<a href="#" type="radio" id="button2" onclick="show2()"><span>Do You Know Us？</span></a>		
        </div>
    </div>
	<!--更改标题栏的颜色标明当前位置-->
	<!-- 介绍内容 -->
    <div class="join clearfix">
    	<dl class="join_a clearfix">
        	<dt>	
				<!-- 内容一 -->
				<div class="title" style="display:block" id="div"> &nbsp;&nbsp;&nbsp;这是为酒吧、乐队、歌迷三者搭建的一个平台</div>
                <div style="display:block" id="div0">
                	<p> &nbsp;&nbsp;当订购观众的人数越多，票价就会越便宜</p>
                    <p> &nbsp;&nbsp;当乐队给酒吧带来足够多的流量、就会得到更多的报酬</p>
                    <p> &nbsp;&nbsp;服务中心服务平台：包括基础硬件升级改造、服务平台落地、项目工作推划</p>
                </div>
				<!-- 内容二 -->
				<div class="title" style="display:none" id="div1">
					<p>欢迎致电了解我们的工作方式或者加入我们</p>
				</div>	
            </dt>
			<!-- 游客登录注册选项 -->
            <dd>
            	<a href="index.html"><span>马上登录</span></a>
                <a href=""><span>乐队注册</span></a>
                <a href=""><span>酒吧注册</span></a>
				<a href=""><span>乐迷注册</span></a>
            </dd>
        </dl>
        <div class="space_hx">&nbsp;</div>
		<!-- 显示商品信息页面 -->
		<!-- 页面一 -->
		<div id="page1" style="display:block">
        <ul class="join_b clearfix">
        	<li><a href="production/TheFirst.html"><img src="Assets/upload/pic9.jpg" alt=""/>Beyond Band At Love Bar fdfd这是PAGE1</a></li>
            <li><a href=""><img src="Assets/upload/band1.jpg" alt=""/>Beyond Band At Love Bar fdfdfsdfdsfasdfdf</a></li>
            <li><a href=""><img src="Assets/upload/band2.jpg" alt=""/>Beyond Band At Love Bar fdfdfsdfdsfasdfdf</a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/>Beyond Band At Love Bar fdfdfsdfdsfasdfdf</a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/>Beyond Band At Love Bar fdfdfsdfdsfasdfdf</a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/></a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/></a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/></a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/></a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/></a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/></a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/></a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/></a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/></a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/></a></li>
        </ul>
		</div>
		<!-- 页面二 -->
		<div id="page2" style="display:none">
        <ul class="join_b clearfix">
        	<li><a href="production/TheFirst.html"><img src="Assets/upload/band1.jpg" alt=""/>Beyond Band At Love Bar f这是PAGE2</a></li>
            <li><a href=""><img src="Assets/upload/band2.jpg" alt=""/>Beyond Band At Love Bar fdfdfsdfdsfasdfdf</a></li>
            <li><a href=""><img src="Assets/upload/pic5.jpg" alt=""/>Beyond Band At Love Bar fdfdfsdfdsfasdfdf</a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/>Beyond Band At Love Bar fdfdfsdfdsfasdfdf</a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/>Beyond Band At Love Bar fdfdfsdfdsfasdfdf</a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/></a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/></a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/></a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/></a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/></a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/></a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/></a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/></a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/></a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/></a></li>
        </ul>
		</div>
		<!-- 页面三 -->
		<div id="page3" style="display:none">
        <ul class="join_b clearfix">
        	<li><a href="production/TheFirst.html"><img src="Assets/upload/pic9.jpg" alt=""/>Beyond Band At Love Bar 这是PAGE3</a></li>
            <li><a href=""><img src="Assets/upload/band1.jpg" alt=""/>Beyond Band At Love Bar fdfdfsdfdsfasdfdf</a></li>
            <li><a href=""><img src="Assets/upload/band2.jpg" alt=""/>Beyond Band At Love Bar fdfdfsdfdsfasdfdf</a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/>Beyond Band At Love Bar fdfdfsdfdsfasdfdf</a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/>Beyond Band At Love Bar fdfdfsdfdsfasdfdf</a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/></a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/></a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/></a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/></a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/></a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/></a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/></a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/></a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/></a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/></a></li>
        </ul>
		</div>
		<!-- 页面四 -->
		<div id="page4" style="display:none">
        <ul class="join_b clearfix">
        	<li><a href="production/TheFirst.html"><img src="Assets/upload/pic9.jpg" alt=""/>Beyond Band At Love Bar f这是PAGE4</a></li>
            <li><a href=""><img src="Assets/upload/band1.jpg" alt=""/>Beyond Band At Love Bar fdfdfsdfdsfasdfdf</a></li>
            <li><a href=""><img src="Assets/upload/band2.jpg" alt=""/>Beyond Band At Love Bar fdfdfsdfdsfasdfdf</a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/>Beyond Band At Love Bar fdfdfsdfdsfasdfdf</a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/>Beyond Band At Love Bar fdfdfsdfdsfasdfdf</a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/></a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/></a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/></a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/></a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/></a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/></a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/></a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/></a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/></a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/></a></li>
        </ul>
		</div>
		<!-- 页面五 -->
		<div id="page5" style="display:none">
        <ul class="join_b clearfix">
        	<li><a href="production/TheFirst.html"><img src="Assets/upload/pic9.jpg" alt=""/>Beyond Band At Love Bar fdfd这是PAGE5df</a></li>
            <li><a href=""><img src="Assets/upload/band1.jpg" alt=""/>Beyond Band At Love Bar fdfdfsdfdsfasdfdf</a></li>
            <li><a href=""><img src="Assets/upload/band2.jpg" alt=""/>Beyond Band At Love Bar fdfdfsdfdsfasdfdf</a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/>Beyond Band At Love Bar fdfdfsdfdsfasdfdf</a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/>Beyond Band At Love Bar fdfdfsdfdsfasdfdf</a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/></a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/></a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/></a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/></a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/></a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/></a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/></a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/></a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/></a></li>
            <li><a href=""><img src="Assets/upload/pic9.jpg" alt=""/></a></li>
        </ul>
		</div>
    </div>
</div>

<!-- 翻页设计 -->
<div class="center">
<ul class="pagination">
  <li><a href="#" id="turnup" onclick="up()">«</a></li>
  <li><a class="active" href="#" id = "change1"onclick="turn1()">1</a></li>
  <li><a href="#" id="change2" onclick="turn2()">2</a></li>
  <li><a href="#" id="change3" onclick="turn3()">3</a></li>
  <li><a href="#" id="change4" onclick="turn4()">4</a></li>
  <li><a href="#" id="change5" onclick="turn5()">5</a></li>
  <li><a href="#" id="turndown" onclick="down()">»</a></li>
</ul>
</div>

<!-- 底部文字版式设计 -->
<div class="fn_bg">
	<ul class="f_nav clearfix">
    	<li>
        	<a href="">
            	<img src="Assets/images/f_1.png" alt=""/>
                <span>联系我们</span>
            </a>
        </li>
        <li>
        	<a href="">
            	<img src="Assets/images/f_2.png" alt=""/>
                <span>社区论坛</span>
            </a>
        </li>
        <li>
        	<a href="">
            	<img src="Assets/images/f_3.png" alt=""/>
                <span>在线客服</span>
            </a>
        </li>
        <li>
        	<a href="">
            	<img src="Assets/images/f_4.png" alt=""/>
                <span>关注我们</span>
            </a>
        </li>
        <li>
        	<a href="">
            	<img src="Assets/images/f_5.png" alt=""/>
                <span>一键分享</span>
            </a>
        </li>
    </ul>
</div>
<div class="bq">Copyright © 2017-2018  BAB服务中心 </a></div>
</body>
</html>
